<template>
  <div>
    <my-q></my-q>

    <p>---------------------------------</p>

    <my-w></my-w>

    <p>---------------------------------</p>

    <my-add></my-add>

    <p>---------------------------------</p>

    <my-sub></my-sub>
  </div>
</template>

<script>
import Addition from "./components/Addition.vue";
import Subtraction from "./components/Subtraction.vue";
import add from "./components/add.vue";
import sub from "./components/sub.vue";

export default {
  data() {
    return {};
  },
  components: {
    "my-q": Addition,
    "my-w": Subtraction,
    "my-add": add,
    "my-sub": sub,
  },
};
</script>
